<html>
<head>
    <title>Facebook Alerts</title>
    <script language="javascript" type="text/javascript" src="js/md5.js"></script>
    <script language="javascript" type="text/javascript" src="js/facebook.js"></script>
    <script language="javascript" type="text/javascript" src="js/alertscript.js"></script>
    <link rel="stylesheet" type="text/css" href="main.css" />
</head>

<body onload="GadgetInit()" style="width: 133px;height:182px;">
    <center>
        
        <table id="initpage" cellpadding="0" cellspacing="0" class="maintable" style="height:182px;">
            <tr>
                <td colspan="2" class="logo"><a href="http://www.facebook.com">
                    <img id="logoImage1" src="Images/logo.gif" border="0" alt=""/></a>
                </td>
            </tr>  
            
            <tr>
                <td align="left" style="height: 150px; vertical-align:middle;">
                    <a id="noteOne" target="_blank" style="font-weight:normal;font-size:xx-small;overflow:hidden">
                    Welcome to Facebook Alerts powered by SQL Server.</a><br/><br/>
                    <a id="noteTwo" target="_blank" style="font-weight:normal;font-size:xx-small;overflow:hidden">
                    Please click the wrech icon to configure this gadget.</a><br/><br/>
                    <a id="noteThree" target="_blank" style="font-weight:normal;font-size:xx-small;overflow:hidden">
                    Visist our open source project on </a>
                    <a id="noteFour" href="http://www.codeplex.com/SqlServerGadgets/"
                        target="_blank" style="font-weight:bold;font-size:xx-small;overflow:hidden;text-decoration: underline">CodePlex</a>
                    <a id="noteFive" target="_blank" style="font-weight:normal;font-size:xx-small;overflow:hidden">
                    for more information.</a><br/><br/>
                 </td>
             </tr>
        </table>
            
        <table id="resultspage" cellpadding="0" cellspacing="0" class="maintable" style="height:182px;">
            <tr>
                <td colspan="2" class="logo"><a href="http://www.facebook.com">
                    <img id="logoImage2" src="Images/logo.gif" border="0" alt=""/></a>
                </td>
            </tr>
            
            <tr>
                <td colspan="2" style="font-weight:bold;font-size:xx-small;overflow:hidden;color:Maroon">
                    <span id="facebookusername"></span>
                </td>
            </tr>
            
            <tr>
                <td class="options">
                    <div class="item" >
                        <a href="http://www.facebook.com/inbox/" style="width:20px;"><img src="Images/icon.inbox.gif" width="12px" border="0" align="left" /><span id="messageCount"></span></a>
                        <a style="font-weight:normal;font-size:xx-small;overflow:hidden;"/><span id="messageTime"></span>
                    </div>
                    <div class="item" >
                        <a href="http://www.facebook.com/home.php" style="width:20px;"><img src="Images/icon.poke.gif" width="12px" border="0" align="left" /><span id="pokeCount"></span></a>
                        <a style="font-weight:normal;font-size:xx-small;overflow:hidden;"/><span id="pokeTime"></span>
                    </div>
                    <div class="item" >
                        <a href="http://www.facebook.com/home.php" style="width:20px;"><img src="Images/icon.share.gif" width="12px" border="0" align="left" /><span id="shareCount"></span></a>
                        <a style="font-weight:normal;font-size:xx-small;overflow:hidden;"/><span id="shareTime"></span>
                    </div>
                    <div class="item" >
                        <a href="http://www.facebook.com/reqs.php#friend" style="width:20px;"><img src="Images/icon.friend.gif" width="12px" border="0" align="left" /><span id="friendInvitesCount"></span></a>
                        <a style="font-weight:normal;font-size:xx-small;overflow:hidden;"/><span id="friendInvitesTime"></span>
                    </div>
                    <div class="item" >
                        <a href="http://www.facebook.com/reqs.php#friend" style="width:20px;"><img src="Images/icon.group.gif" width="12px" border="0" align="left" /><span id="groupInvitesCount"></span></a>
                        <a style="font-weight:normal;font-size:xx-small;overflow:hidden;"/><span id="groupInvitesTime"></span>
                    </div>
                    <div class="item" >
                        <a href="http://www.facebook.com/reqs.php#friend" style="width:20px;"><img src="Images/icon.event.gif" width="12px" border="0" align="left" /><span id="eventInvitesCount"></span></a>
                        <a style="font-weight:normal;font-size:xx-small;overflow:hidden;"/><span id="eventInvitesTime"></span>
                    </div>
                    <a id="noteFooter" target="_blank" style="font-weight:normal;font-size:xx-small;overflow:hidden;">
                        &nbsp;Powered by </a>
                    <a id="noteFooterLink" href="http://www.codeplex.com/SqlServerGadgets/"
                        target="_blank" style="font-weight:bold;font-size:xx-small;overflow:hidden;text-decoration: underline">SQL Server</a>
                </td>
            </tr>
        </table>
           
        <table id="errorpage" cellpadding="0" cellspacing="0" class="maintable" style="height:182px;">
            <tr>
                <td colspan="2" class="logo"><a href="http://www.facebook.com">
                    <img id="logoImage3" src="Images/logo.gif" border="0" alt=""/></a>
                </td>
            </tr>
            <tr>
                <td align="left" style="height: 150px; vertical-align:middle;">
                    <a id="noteTitle" target="_blank" style="font-weight:bold;font-size:xx-small;overflow:hidden">Error:</a><br/>
                    <a id="noteError" target="_blank" style="font-weight:normal;font-size:xx-small;overflow:visible"></a><br/>
                </td>
            </tr>
        </table> 
         
    </center>
</body>
</html>
